#5E57F5

Color Details

HEX
#5E57F5
RGB
rgb(94, 87, 245)
HSL
hsl(243, 89%, 65%)
CMYK
cmyk(62%, 64%, 0%, 4%)
Best text on this color #FFFFFF (CR 5.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e57f5
Contrast 4.16:1 Fail
White on #5e57f5
Contrast 5.05:1 AA
#5e57f5 on Black
Contrast 4.16:1 Fail
#5e57f5 on White
Contrast 5.05:1 AA

Tints & Shades

#7e79f7
#9e9af9
#bfbcfb
#4b46c4
#383493
#262362

Complement & Analogous

#edf556
#ae56f5
#569ef5

Triadic

#f55e56
#56f55e

Monochrome

#262362 #383493 #5e57f5 #9e9af9 #bfbcfb #dfddfd

Analogous

#569ef5 #89bbf8 #5e57f5 #be78f7 #ae56f5 #8b45c4

Complementary Mix

#383493 #5e57f5 #9e9af9 #edf556 #f3f991 #9a9f38

Nearby Colors

#5e57f4
#5e57f6
#5e57e5
#5e5805

Embed #5E57F5 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E57F5

#5E57F5 converts to RGB(94, 87, 245) and HSL(243, 89%, 65%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E57F5 FAQs

What is the RGB value of #5E57F5?
RGB: 94, 87, 245. Copy as CSS: rgb(94, 87, 245)
Is #5E57F5 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E57F5?
Complement: #edf556.
Does #5E57F5 have good contrast on white or black?
On white: 5.05:1 (AA (normal text)). On black: 4.16:1 (AA (large text)).